<template>
  <el-tree
    :props="props"
    :load="loadNode"
    lazy
    @node-click="handleNodeClick"
    >
  </el-tree>
</template>

<script>
import api from '../api'
export default {
  name:'ProductTree',
  data(){
    return{
        props: {
          label: 'name'
        },
    }
  },
  methods:{
    /* 
    不传参 id=1
    传参 id=?
    */
    loadNode(node,resolve){
      if(node.level==0){
        api.selectItemCategoryByParentId().then(res=>{
          if(res.data.code===200){
            return resolve(res.data.result)
          }
          return resolve([])
        }).catch(err=>{
          console.log(err);
        })
      }
      if(node.level>=1){
        api.selectItemCategoryByParentId({
          id:node.data.cid
        }).then(res=>{
          if(res.data.code===200){
            return resolve(res.data.result)
          }
          return resolve([])
        }).catch(err=>{
          console.log(err);
        })
      }
    },
    handleNodeClick(data){
      this.$emit('onTree',data)
    }
  }
}
</script>

<style>

</style>